<template>
	<view class="container">
		<!-- <view class="top">标题</view> -->
		<view class="middle">
			<view class="list">
				<view class="item" @click="auth('/pages/my/edit')">
					<view class="left">
						<view class="text">个人资料</view>
					</view>
					<view class="right">
						<text class="iconfont icon-youjiantou"></text>
					</view>
				</view>
				<!-- <view class="item" @click="logout">
					<view class="left">
						<view class="text">注销账号</view>
					</view>
					<view class="right">
						<text class="iconfont icon-youjiantou"></text>
					</view>
				</view> -->
			</view>
		</view>
		<!-- <view class="bottom">收藏 | 分享 | 转发</view> -->
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			logout(){ // 注销账号
				uni.showModal({
					title:'系统提示',
					content:'注销账号',
					confirmText:'确认',
					cancelText:'取消',
					success(res) {
						if(res.confirm){
							uni.removeStorageSync('token');
							uni.reLaunch({
								url:'/pages/my/my'
							});
						}else{
							uni.hideLoading();
						}
					}
				})
			}
		}
	}
</script>

<style lang="scss">
	.container{
		.middle{
			.list{
				margin-top: 20rpx;
				background-color: #FFFFFF;
				// padding: 20rpx;
				.item{
					padding: 30rpx;
					font-size: 15px;
					height: 40rpx;
					line-height: 40rpx;
					display: flex;
					justify-content: space-between;
					align-items: center;
					.left{
						display: flex;
						justify-content: flex-start;
						align-items: center;
						.text{
							padding-left: 20rpx;
						}
					}
					&:first-child {
						border-top: none;
					}
					// &:last-child { // &>view
					// 	// background: red;
					// 	border-top: 5rpx solid #f3f3f3;
					// }
				}
			}
		}
	}
</style>
